<template>
	<view>
		<view class="header">
			<view class="headerSon">
				<view class="iconfont icon-zuo"></view>
				<view class="bill">账单</view>
			</view>
			<view class="headerSons">
				<view class="header_1">
					<view class="nian">2024年<text class="iconfont icon-xia"></text></view>
					<view class="iconfont icon-tongji"></view>
				</view>
				<view class="header_2">
					<view class="zhichu">支出 <text class="txt">1000</text> </view>
					<view class="shouru">收入 <text class="txt">48000</text> </view>
				</view>
				<view class="qita">其他 <text class="txt">100.00</text> </view>
			</view>
		</view>
		<view class="aaa"></view>
		<view class="center">
			<view class="content">
				<view class="content_1">
					<view class="eight">8月</view>
					<view class="iconfont icon-xia"></view>
				</view>
				<view class="content_2">
					<view class="chu">支出￥200.00</view>
					<view class="ru">收入￥4500.00</view>
				</view>
				<view class="content_3">
					<view class="iconfont icon-gouwuche"></view>
					<view class="shijian">
						<view class="c">
							<view class="gouwu">购物-日常用品</view>
							<view class="times">08-23 13:23</view>
						</view>
						<view class="shijians">-84.50</view>
					</view>
				</view>
				<view class="content_3">
					<view class="iconfont icon-restaurant-fill"></view>
					<view class="shijian">
						<view class="c">
							<view class="gouwu">购物-日常用品</view>
							<view class="times">08-23 13:23</view>
						</view>
						<view class="shijians">-84.50</view>
					</view>
				</view>
				<view class="content_3">
					<view class="iconfont icon-gongjiaoche"></view>
					<view class="shijian">
						<view class="c">
							<view class="gouwu">购物-日常用品</view>
							<view class="times">08-23 13:23</view>
						</view>
						<view class="shijians">-84.50</view>
					</view>
				</view>
				<view class="content_3">
					<view class="iconfont icon-a-trophycup-1"></view>
					<view class="shijian">
						<view class="c">
							<view class="gouwu">购物-日常用品</view>
							<view class="times">08-23 13:23</view>
						</view>
						<view class="shijians">-84.50</view>
					</view>
				</view>
				<view class="content_3">
					<view class="iconfont icon-restaurant-fill"></view>
					<view class="shijian">
						<view class="c">
							<view class="gouwu">购物-日常用品</view>
							<view class="times">08-23 13:23</view>
						</view>
						<view class="shijians">-84.50</view>
					</view>
				</view>
				<view class="content_3">
					<view class="iconfont icon-gongjiaoche"></view>
					<view class="shijian">
						<view class="c">
							<view class="gouwu">购物-日常用品</view>
							<view class="times">08-23 13:23</view>
						</view>
						<view class="shijians">-84.50</view>
					</view>
				</view>
			</view>
			
			<view class="content">
				<view class="content_1">
					<view class="eight">7月</view>
					<view class="iconfont icon-xia"></view>
				</view>
				<view class="content_2">
					<view class="chu">支出￥200.00</view>
					<view class="ru">收入￥4500.00</view>
				</view>
				<view class="content_3">
					<view class="iconfont icon-restaurant-fill"></view>
					<view class="shijian">
						<view class="c">
							<view class="gouwu">购物-日常用品</view>
							<view class="times">08-23 13:23</view>
						</view>
						<view class="shijians">-84.50</view>
					</view>
				</view>
				<view class="content_3">
					<view class="iconfont icon-gongjiaoche"></view>
					<view class="shijian">
						<view class="c">
							<view class="gouwu">购物-日常用品</view>
							<view class="times">08-23 13:23</view>
						</view>
						<view class="shijians">-84.50</view>
					</view>
				</view>
				<view class="content_3">
					<view class="iconfont icon-qianqian-"></view>
					<view class="shijian">
						<view class="c">
							<view class="gouwu">购物-日常用品</view>
							<view class="times">08-23 13:23</view>
						</view>
						<view class="b">
							<view class="shijians">-84.50</view>
							<view class="as">现金账户 银行卡4523</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
@import url('@/pages/zhanghu/zhanghu.less');
</style>
